<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <title>浏阳旅游网-关于</title>
  <link rel="stylesheet" type="text/css" th:href="@{/front-end/index.css}">
  <!-- 引入公用部分 -->
  <script th:replace="common/head::static"></script>
</head>
<body>
  <!-- nav部分 -->
  <div class="nav">
    <div class="layui-container">
      <!-- 公司logo -->
      <div class="nav-logo">
        <a th:href="@{/travel/index}">
          <img th:src="@{/front-end/images/logo.png}" alt="浏阳旅游网">
        </a>
      </div>
      <div class="nav-list">
        <button>
          <span></span><span></span><span></span>
        </button>
        <ul class="layui-nav">
          <li class="layui-nav-item"><a th:href="@{/travel/index}">首页</a></li>
          <li class="layui-nav-item"><a th:href="@{/travel/scenic}">旅游景点</a></li>
          <li class="layui-nav-item"><a th:href="@{/travel/hotel/}">酒店预约</a></li>
          <li class="layui-nav-item layui-this"><a th:href="@{/travel/about}">关于</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- banner部分 -->
  <div class="banner about" th:style="'background: url(' + @{/front-end/images/nav_img4.jpg} + ') no-repeat center top; background-size: cover;'">
    <div class="title">
      <p>关于浏阳</p>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-about">
    <div class="layui-container">
      <div class="layui-row">
        <ul class="aboutab">
          <li class="layui-this">浏阳简介</li><li>浏阳历史</li>
        </ul>
        <div class="tabIntro">
          <div class="content">
            <div class="layui-inline img"><img th:src="@{/front-end/images/us_img1.jpg}"></div><div class="layui-inline panel">
              <p>浏阳在古代九州中属荆州，战国属楚国，秦汉时属临湘县。东汉建安十四年（209年）析临湘县地始置刘阳县，为周瑜四奉邑之一，隋大业三年（607）并入长沙县，唐景龙二年（708）复设浏阳县。元贞元年（1295年）升为浏阳州，明洪武二年（1369年）复降为县。明、清属长沙府。1912年属长宝道。1914年，更名为湘江道。1926年起，属第一行政督察区。</p>
            </div>
          </div>
          <div class="content">
            <div class="layui-inline panel p_block">
              <p>浏阳市，湖南省辖县级市，由长沙市代管，因县城位于浏水之北（阳面）而得名。浏阳地处湘赣边界，湖南东部偏北，古为“吴楚咽喉”，是省会长沙副中心和湘赣边区域性中心城市。浏阳市面积5007.75平方千米，市政府驻关口街道环府路8号，距长沙市政府62千米，距长沙黄花国际机场42千米。截至2018年末，浏阳市总人口为149.38万。截至2019年末，浏阳市辖4个街道、27个镇、1个乡。</p>
            </div><div class="layui-inline img"><img th:src="@{/front-end/images/us_img2.jpg}"></div>
              <p class="p_hidden">浏阳市，湖南省辖县级市，由长沙市代管，因县城位于浏水之北（阳面）而得名。浏阳地处湘赣边界，湖南东部偏北，古为“吴楚咽喉”，是省会长沙副中心和湘赣边区域性中心城市。浏阳市面积5007.75平方千米，市政府驻关口街道环府路8号，距长沙市政府62千米，距长沙黄花国际机场42千米。截至2018年末，浏阳市总人口为149.38万。截至2019年末，浏阳市辖4个街道、27个镇、1个乡。</p>
          </div>
        </div>
        <div class="tabCour">
          <p class="title">历史沿革</p>
          <ul class="timeline">
            <li class="odd">
              <div class="cour-panel layui-col-sm4 layui-col-lg5">
                <p class="label">东汉建安十四年（209年）</p>
                <p>析临湘县地始置刘阳县，为周瑜四俸邑之一</p>
              </div>
            </li>
            <li>
              <div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
                <p class="label">隋大业三年（607年）</p>
                <p>刘阳县并入长沙县。</p>
              </div>
            </li>
            <li class="odd">
              <div class="cour-panel layui-col-sm4 layui-col-lg5">
                <p class="label">唐景龙二年（708年）</p>
                <p>复设浏阳县。</p>
              </div>
            </li>
            <li>
              <div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
                <p class="label">元元贞元年（1295年）</p>
                <p>浏阳县升为浏阳州。</p>
              </div>
            <li class="odd">
              <div class="cour-panel layui-col-sm4 layui-col-lg5">
                <p class="label">明洪武二年（1369年）</p>
                <p>浏阳县复降为浏阳县，属长沙府。</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- footer部分 -->
  <div class="footer">
    <div class="layui-container">
      <div class="layui-row footer-contact">
        <div class="layui-col-sm10 layui-col-lg11">
          <div class="layui-row">
            <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
              <p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;&nbsp;(9:00-18:00)</p>
              <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</p>
            </div>
            <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
              <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <script type="text/javascript" th:src="@{/front-end/firm.js}"></script>
</body>
</html>